<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
  export default  {
    name:  'App',
    metaInfo() {
      return {
        title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
        titleTemplate: title => {
          return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
        }
      }
    }
  }
</script>
<style lang="scss">
  .draggable{
    height: auto !important;
    padding-bottom: 10px;
  }
  .draggable .u-player{
    padding: 0px 10px !important;
  }
  div::-webkit-scrollbar{
    display: block;
    width: 5px;
    height: 100%;
  }
  div::-webkit-scrollbar-thumb {
    width: 5px;
    height: 60px;
    background-color: #ccc;
    border-radius: 3px;
  }
  .treeTitle{
    font-size: 14px;
  }
  .is-current{
    font-weight: bold;
    background-color: #eeeeee;
    color: black;
  }
  .el-textarea .el-input__count{
    bottom:0 !important;
    background: transparent !important;
  }
</style>
